@charset "utf-8";
body {
  background-color: rgb(246, 246, 246);
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
    Segoe UI Symbol;
  font-variant: tabular-nums;
  font-feature-settings: 'tnum';
}
header {
  width: 100%;
  background-color: #fff;
}
#head {
  position: sticky;
  top: 0;
  width: 1200px;
  height: 64px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#moocIcon a {
  width: 217px;
  height: 32px;
  display: inline-block;
}
#moocIcon a img {
  height: 32px;
}

/* 导航菜单栏  */
#nav {
  width: 383.06px;
  height: 22px;
  background-color: #fff;
  margin-left: 65px;
}
#nav .nav_Ul {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #333;
}
#nav .nav_Ul .c_triangle {
  width: 45px;
  height: 22px;
  position: relative;
}
#nav .nav_Ul li .triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgb(212, 211, 211);
  margin: 0 0 3px 3px;
  transition: all 300ms;
}
.c_triangle:hover .triangle {
  transform: rotate(180deg);
}

/* 课程细分板块index_nav_frame_line_center */
.index_nav_frame_line_center {
  display: none;
  opacity: 1;
  height: 485px;
  position: absolute;
  left: -95px;
  top: -18px;
  z-index: 999;
}

#channel_panel {
  width: 721px;
  height: 485px;
  border: 1px solid rgb(240, 236, 236);
  box-shadow: 0px 0 10px 5px rgb(241, 240, 240);
  border-radius: 5px;
  margin-top: 50px;
  /* margin-left: 50px; */
  background: #fff;
  overflow: auto;
}
/* 定义滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, 1);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
  background-color: rgb(202, 199, 199);
}
#channel_shape {
  width: 20px;
  height: 20px;
  border-top: 1px solid rgb(240, 236, 236);
  border-left: 1px solid rgb(240, 236, 236);
  /* box-shadow: -5px -5px 5px rgb(241, 240, 240); */
  transform: rotate(45deg);
  background: inherit;
  margin-left: 100px;
  margin-top: -10px;
  position: absolute;
}
#channel_content {
  width: 657px;
  height: 460px;
  padding: 32px 32px 12px 32px;
}
#channel_content h1 {
  font-size: 14px;
  color: #999;
}
#channel_content h2 {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-top: 20px;
}
#channel_content .classfiy ul {
  font-size: 14px;
  color: #333;
  display: flex;
  flex-wrap: wrap;
}
#channel_content .classfiy ul li a {
  display: inline-block;
  width: 110px;
  height: 32px;
  background-color: rgb(0, 0, 0, 0.04);
  border-radius: 20px;
  text-align: center;
  line-height: 32px;
  margin-right: 10px;
  margin-top: 10px;
}
.c_triangle:hover .index_nav_frame_line_center {
  display: block;
  transition: all 300ms;
}

/* 导航搜索 */
#search {
  width: 247px;
  height: 32px;
  margin-left: 151.75px;
  position: relative;
}
#search .s_text {
  width: 247px;
  height: 32px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #00c758;
  padding-left: 20px;
}
input::-webkit-input-placeholder {
  color: #aab2bd; /* placeholder颜色  */
  font-size: 16px; /* placeholder字体大小  */
  text-align: left; /* placeholder位置  */
}
#search .s_icon {
  display: inline-block;
  width: 56px;
  height: 34px;
  border-radius: 20px;
  background: url(/images/sousuo.png) no-repeat center;
  background-color: #00c758;
  position: absolute;
  right: -21px;
  top: 0;
}
#re_log {
  display: flex;
  justify-content: space-between;
  width: 75.2px;
  height: 17px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  position: absolute;
  right: 0;
}
#re_log span {
  display: inline-block;
  font-size: 14px;
  font-weight: bolder;
}

#slide_carousel {
  width: 1200px;
  height: 360px;
  background-color: rgb(248, 201, 201);
  margin: 11px auto;
  display: flex;
  justify-content: space-between;
  border-radius: 2px;
}

#slide_nav {
  width: 200px;
  height: 360px;
  border-radius: 2px;
  background-color: #fff;
}
#slide_nav .slide_nav_ul {
  width: 190px;
  padding-top: 10px;
  position: absolute;
  /* z-index: 99; */
  background-color: #fff;
}
#slide_nav .slide_nav_ul li {
  overflow: hidden;
  display: block;
  width: 190px;
  height: 34px;
  line-height: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: rgb(153, 153, 153);
}

.slide_nav_ul li a:nth-child(2) {
  padding-left: 8px;
}
.slide_nav_ul li a:nth-child(n + 2) {
  color: rgb(153, 153, 153);
}

.slide_nav_ul #more {
  display: block;
}
#slide_nav .slide_nav_ul li a:first-child {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 500;
}
#slide_nav .slide_nav_ul .more_li {
  display: none;
}
#carousel_map {
  width: 776px;
  height: 360px;
  border-radius: 2px;
  background-color: #fff;
}
#log_in {
  width: 200px;
  height: 360px;
  border-radius: 2px;
  background-color: #fff;
}

/* carousel_map 轮播图 */

